<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--我的申请界面-->

    <script type="text/javascript" src="../../layuiadmin/js/audit/vue.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/audit/vue-resource.js"></script>

    <!--导入 饿了么 ui 的核心-->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <!--导入jquery-->
    <script type="text/javascript" src="../../layuiadmin/js/audit/jquery.min.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/audit/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/audit/getUrlParam.js"></script>
    <script>Vue.config.productionTip=false</script>
    
    <style>
        body{
            background: #FFFFFF;
        }
        .demo2 {
            background-color: #ccc;
            border-spacing: 1px;
        }
        .demo2 th, .demo2 td {
            background-color: #fff;
        }
        .mar{
            margin-left:5px;
            margin-bottom:20px ;
        }
    </style>
</head>
<body>

    <div id="app">

        <i class="el-icon-folder mar" style="color: #409EFF;">案件详细信息</i>

        <table style="font-size: 14px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) " width="1280px" height="500px">
            <tr>
                <td>案号
                    <br/>{{Case_law.caseId}}
                </td>
                <td>诉讼地位<br/>{{Case_law.locusStandi}}</td>
                <td>案件类型<br/>{{Case_law.caseTypeid.typeName}}</td>
            </tr>

            <tr>
                <td>委托人<br/>{{Case_law.clientId.clientName}}</td>
                <td>对方当事人<br/>{{Case_law.oppositeId.clientName}}</td>
                <td>第三人<br/>{{Case_law.thirdParty}}</td>
            </tr>

            <tr>
                <td>受理法院<br/>{{Case_law.courtId.courtName}}</td>
                <td>主办律师<br/>{{Case_law.mainLawyer.empName}}</td>
                <td>诉讼标的<br/>{{Case_law.objectOfAction}}</td>
            </tr>

            <tr>
                <td>代理费<br/>{{Case_law.agencyMoney}}</td>
                <td>杂费<br/>{{Case_law.blendMoney}}</td>
                <td>诉讼阶段<br/>{{Case_law.caseStatus}}</td>
            </tr>

            <tr>
                <td>收案审批状态<br/>{{Case_law.closeState}}</td>
                <td>提交人<br/>{{Case_law.submitId.userName}}</td>
                <td>提交日期<br/>{{Case_law.submitDate}}</td>
            </tr>

            <tr>
                <td colspan="3">
                    案由<br/>
                    {{Case_law.causeOfAction}}</td>
            </tr>

            <tr>
                <td colspan="3">
                    提交备注<br/>
                    {{Case_law.comment}}</td>
            </tr>
        </table>

        <i class="el-icon-s-check mar" style="color: #409EFF;">审批记录</i>

        <el-table :data="audits" border style="width: 100%;">    

            <el-table-column prop="auditid" label="序号">
            </el-table-column>

            <el-table-column prop="state" label="审批状态">
            </el-table-column>

            <el-table-column prop="auditTime" label="审批时间">
            </el-table-column>

            <el-table-column prop="auditUserid.userName" label="办理人">
            </el-table-column>

            <el-table-column prop="comment" label="评论">
            </el-table-column>
            
        </el-table>

        <i class="el-icon-s-check mar" style="color: #409EFF;">审核结果</i>
        <br/>
        
        <center>
            <img :src="imgsrc" />
        </center>
        
    </div>


    <script type="text/javascript" src="../../layuiadmin/js/audit/MyApply_queryOne.js"></script>

</body>
</html>